<!DOCTYPE html>
<html>
<head>
    <title>测试图片</title>
    <meta charset="utf-8">
    <style>
        .upload{
            width:100px;
            height:100px;
            background:#FE9C3D;
        }
    </style>
</head>

<body>
<div class="upload">
    上传图片
</div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/photoNewBook/ajaxfileupload.js"></script>
<script>
    wx.config({
        debug: true,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp:'<?php echo $signPackage["timestamp"];?>',
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'startRecord','stopRecord','translateVoice','uploadVoice','chooseImage','previewImage','uploadImage','downloadImage','getLocation'
        ]
    });
    var images = {
        localId: [],
        serverId: [],
        download:[]
    };



    /*
     *新的微信上传图片方法
     */


    $('.upload').on('click', function () {
        wx.chooseImage({
            count: 9, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                var localIds = res.localIds;
                syncUpload(localIds);
                alert(localIds);
            }
        });
    });
    var syncUpload = function(localIds){
        var localId = localIds.pop();
        alert(localId);
        wx.getLocalImgData({
            localId: localId, // 图片的localID
            success: function (res) {
                alert(11);
                var localData = res.localData; // localData是图片的base64数据，可以用img标签显示
                alert(JSON.stringify(localData));
            },
            fail: function (res) {
                alert(222);
                alert(JSON.stringify(res));
            }
        });


        // wx.uploadImage({
        //     localId: localId,
        //     isShowProgressTips: 1,
        //     success: function (res) {
        //         var serverId = res.serverId; // 返回图片的服务器端ID
        //         //其他对serverId做处理的代码
        //         var access=$('#accessToken').val();
        //         $.ajax({
        //             type:'POST',
        //             url:'http://www.youyiku-yishu.cn/WechatUpload.php',
        //             // url: WST.U('WebApp/PhotoBooks/weChatUpload'),
        //             data: {'media_id':serverId,'access':access},
        //             dataType:'json',
        //             success: function (data) {
        //                 // alert(JSON.stringify(data));
        //                 if(data.status==1){
        //                     var url=data.filepath;
        //                     var pbId=$('#pbId').val();
        //                     // console.log(pbId)
        //                     $.post(WST.U('WebApp/PhotoBooks/composing'),{pbId:pbId,url:url},function(json){
        //                         // alert(JSON.stringify(json));
        //                         if(json.status==1){
        //                             var totalPage=json.totalPage;
        //                             var Page=json.inPage;
        //                             // getPage(Page);
        //                             // $('.Span').text(Page);
        //                             // $('#current_page').val(Page);
        //                             $('.Span2').text(totalPage);
        //                             $('#all_page').val(totalPage);
        //                             wstMsg('上传成功');
        //
        //                             $('.Span').text(Page);
        //                             $('#current_page').val(totalPage);
        //                             getPage(Page);
        //
        //                         }else{
        //                             wstMsg('上传失败，请重新上传');
        //                         }
        //
        //                     })
        //                 }
        //             }
        //         })
        //
        //         if(localIds.length > 0){
        //             syncUpload(localIds);
        //         }
        //     }
        // });
    };


</script>
</html>